<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>爱健鸿康</title>
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="16x16"
    />
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="18x18"
    />
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="20x20"
    />

    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/bootstrap-icons.css" />
    <link rel="stylesheet" href="static/css/font-awesome-pro.css" />
    <link rel="stylesheet" href="static/css/animate.css" />
    <link rel="stylesheet" href="static/css/glightbox.min.css" />
    <link rel="stylesheet" href="static/css/scrollCue.css" />
    <link rel="stylesheet" href="static/css/swiper-bundle.css" />
    <link rel="stylesheet" href="static/css/spacing.css" />
    <link rel="stylesheet" href="static/css/main.css" />
    <link rel="stylesheet" href="static/css/responsive.css" />
  </head>
  <body>
    <!-- Preloader -->
    <custom-loading></custom-loading>

    <!-- Header -->
    <header-nav></header-nav>
    <!-- End Header Section -->

    <!-- Breadcrumb Section -->
    <!-- <section
      class="breadcrumb-section text-center pt-200 pb-140"
      style="background-image: url('static/image/breadcrumb.png')"
    >
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="content">
              <h2>Contact Us</h2>
              <ul>
                <li><a href="index.html">Home</a></li>
                <li>Contact Us</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section> -->

    <!-- Start Blog Section -->
    <section class="section-padding-2">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-5 mb-30">
            <div class="ct-contact-list">
              <!-- Single -->
              <div class="item-cf">
                <div>
                  <div class="icon">
                    <i class="fa-sharp fa-regular fa-map-location-dot"></i>
                  </div>
                </div>
                <div class="con">
                  <h4>公司地址</h4>
                  <p>上海市浦东新区天安金融大厦9楼</p>
                </div>
              </div>
              <!-- Single -->
              <div class="item-cf">
                <div>
                  <div class="icon">
                    <i class="fa-sharp fa-regular fa-phone-volume"></i>
                  </div>
                </div>
                <div class="con">
                  <h4>联系方式</h4>
                  <p>(408) 389-5470 <br />(408) 389-5470</p>
                </div>
              </div>
              <!-- Single -->
              <div class="item-cf">
                <div>
                  <div class="icon">
                    <i class="fa-sharp fa-regular fa-envelopes"></i>
                  </div>
                </div>
                <div class="con">
                  <h4>联系邮箱</h4>
                  <p>support@aijianhongkang.com</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-8 col-md-7 mb-30">
            <div class="ct-contact-from ml-30-992">
              <h2>联系我们</h2>
              <form id="contact-form" action="mail.php" method="POST">
                <div class="row">
                  <div class="col-sm-6 mb-20">
                    <div class="single-input">
                      <label for="name">姓名</label>
                      <input
                        type="text"
                        name="name"
                        id="name"
                        placeholder="姓名"
                      />
                    </div>
                  </div>
                  <div class="col-sm-6 mb-20">
                    <div class="single-input">
                      <label for="email">邮箱</label>
                      <input
                        type="email"
                        name="email"
                        id="email"
                        placeholder="邮箱"
                      />
                    </div>
                  </div>
                  <div class="col-sm-6 mb-20">
                    <div class="single-input">
                      <label for="phone">手机号</label>
                      <input
                        type="text"
                        name="phone"
                        id="phone"
                        placeholder="手机号"
                      />
                    </div>
                  </div>
                  <div class="col-sm-6 mb-20">
                    <div class="single-input">
                      <label for="subject">联系地址</label>
                      <input
                        type="text"
                        name="subject"
                        id="subject"
                        placeholder="联系地址"
                      />
                    </div>
                  </div>
                  <div class="col-sm-12 mb-20">
                    <div class="single-input">
                      <label for="message">留言</label>
                      <textarea
                        name="message"
                        id="message"
                        placeholder="留言"
                      ></textarea>
                    </div>
                  </div>
                  <div class="col-sm-12">
                    <button type="submit" class="button-2">提交</button>
                  </div>
                </div>
              </form>
              <p class="ajax-response"></p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Blog Section -->

    <!-- Footer Start -->
    <footer-bar></footer-bar>
    <!-- Footer End -->

    <div class="scroll-area">
      <i class="fa-regular fa-arrow-up"></i>
    </div>

    <!-- Js File -->
    <script src="static/js/modernizr.min.js"></script>
    <script src="static/js/jquery-3.6.3.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/mixitup.min.js"></script>
    <script src="static/js/glightbox.min.js"></script>
    <script src="static/js/jquery.waypoints.min.js"></script>
    <script src="static/js/jquery.counterup.min.js"></script>
    <script src="static/js/vanilla-tilt.min.js"></script>
    <script src="static/js/swiper-bundle.js"></script>
    <script src="static/js/scrollCue.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/mobile-menu.js"></script>
    <script src="static/js/ajax-form.js"></script>
    <script src="static/js/main.js"></script>
  </body>
</html>
